<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <!-- 隐藏状态栏  -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <!-- <title>KTV套餐</title> -->
    <link rel="stylesheet" href="css/details.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/order-food.css">
</head>

<body class="ng-cloak" ng-app="ShoppingCart" ng-controller="ShoppingCartCtrl">
    <header>
        <div class="wrapper clearfix">
            <div class="detail_fl fl">
                <a href="javascript:void(0)" ng-click="back()" class=""><img src="img/srh_icon.png" alt=""></a>
            </div>
            <h1 class="top_title">购物车</h1>
        </div>
    </header>
    <!-- KTV content -->
    <form action="">
        <!-- mod1 -->
        <div id="shopping-cart" class="shopping-cart">
            <ul>
                <input type="hidden">
                <!-- <li ng-bind="shopName"></li> -->
                <li ng-repeat="table in params.foodList" class="calc" ng-hide="table.foodNumber < 0">
                    <span class="p-name">{{table.foodName}}</span>
                    <span class="fr">
            <i ng-click="increase($index,$event)" class="reduce" ng-show="table.foodNumber > 0"></i>
            {{table.foodNumber}}
            <i ng-click="decrease($index,$event)" class="plus"></i>
          </span>
                    <span class="price fr">{{params.foodList[$index].foodNumber*parseFloat(params.foodList[$index].foodPrice)}}元</span>
                </li>
            </ul>
        </div>
        <!-- submit button -->
        <footer class="sub-btn">
            <input ng-click="submit()" type="button" value="提交按钮">
            <p class="total">总价: ¥：{{total}}</p>
        </footer>
    </form>
    <!-- JS begin -->
    <script src="js/jquery-1.11.2.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/angular.min.js"></script>
    <script type="text/javascript" src="js/constants.js"></script>
    <script src="js/common.js"></script>
    <script src="js/shopping-cart.js"></script>
</body>
<span style="display:none;"><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1255764485'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1255764485%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script></span>
<script>
    _maq.push(['_setMaq', 'shopping-cart']);
</script>
</html>
